<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <meta name = "viewport" content = "initial-scale=1, maximum-scale=1,mininum-scale=1, user-scalable=no, width=device-width">
        <meta http-equiv = "pragma" content = "no-cache"/>
        <meta http-equiv = "Cache-Control" content = "no-cache,must-revalidate"/>
        <meta http-equiv = "expires" content = "Wed,26 Feb 1997 08:21:57 GMT"/>
        <title>逛拍在手，逛街不愁</title>
        <link type = "text/css" rel = "stylesheet" href = "../css/base.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/common.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/privatePhotos.css">
    </head>
    <body>
        <div class = "main-page">
            <section class = "photos"></section>
            <section class = "noPhotoRemind none">
                <p class = "tc f16 mt30 perW80 bc">
                    您还没有拍任何照片哦，快点击下方图标去照相啦~_~
                </p>
                <div class = "tc mt10">
                    <a href = "" class = "toTakePhoto">
                        <img src = "../images/camera_b.png" alt = ""/>
                    </a>
                </div>
            </section>
        </div>
        <div class = "bigPhoto none">
            <div class = "bigPhoto-photo">
                <img src = "" class = "w"/>
                <div class = "clearfix">
                    <a class = "btn fl delete">删除</a>
                    <a class = "btn fr turn-private none">转为私密</a>
                    <a class = "btn fr turn-public none">转为公开</a>
                </div>
            </div>
        </div>
        <div class = "backstep">
            <a href = "index.html">返回主界面</a>
        </div>
        <script src = "../lib/template.min.js"></script>
        <script>
            document.write('<script src = "../lib/common.js?t=' + new Date().getTime() + '"><\/script>');
            document.write('<script src = "../js/privatePhotos.js?t=' + new Date().getTime() + '"><\/script>');
        </script>
        <!--所有照片的模板-->
        <script type = "text/html" id = "photo-template">
            <% for(var i = 0;i < data.photos.length; i++){ %>
            <% if(i % 3 == 0){ %>
            <div class = "clearfix photo" state = "<%= data.photos[i].state %>" pid = "<%= data.photos[i].id %>" index = "<%= i %>" style = "<%= data.width %>">
                <img src = "<%= data.photos[i].url %>">
                <div class = "photo-info clearfix">
                    <span class = "shop-info ml5"><%= data.shopname %></span>
                    <% if(data.photos[i].state == 1){ %>
                    <span class = "photo-type mr5">公开</span>
                    <% } else {%>
                    <span class = "photo-type mr5">私密</span>
                    <% } %>
                </div>
            </div>
            <% } else { %>
            <div class = "clearfix photo ml5" state = "<%= data.photos[i].state %>" pid = "<%= data.photos[i].id %>" index = "<%= i %>" style = "<%= data.width %>">
                <img src = "<%= data.photos[i].url %>">
                <div class = "photo-info clearfix">
                    <span class = "shop-info ml5"><%= data.shopname %></span>
                    <% if(data.photos[i].state == 1){ %>
                    <span class = "photo-type mr5">公开</span>
                    <% } else {%>
                    <span class = "photo-type mr5">私密</span>
                    <% } %>
                </div>
            </div>
            <% } %>
            <% } %>
        </script>
    </body>
</html>